<!--navbar-->
<div class="navbar">
    <div class="navbar-inner">
        <div class="left">
            <a href="#" class="link back">
                <i class="icon icon-return"></i>
            </a>
        </div>
        <div class="center">{if:$this->type != 'finished'}云果{else:}售后{/if}</div>
    </div>
</div>
<div class="pages navbar-through">
    <div class="page no-toolbar with-subnavbar" data-page="mineOrders" data-currpage="1" data-maxpage="{$this->countPage}">
        {if:$this->type != 'finished'}
        <div class="subnavbar">
            <div class="filter row">
                <div class="col-25">
                    <a class="all {if:$this->type == '全部'}active{/if}" href="{url:/yunucenter/order}" data-reload="true">全部</a>
                </div>
                <div class="col-25">
                    <a class="pay {if:$this->type == 'pay'}active{/if}" href="{url:/yunucenter/order/type/pay}" data-reload="true">待付款</a>
                </div>
                <div class="col-25">
                    <a class="delivery {if:$this->type == 'delivery'}active{/if}" href="{url:/yunucenter/order/type/delivery}" data-reload="true">待发货</a>
                </div>
                <div class="col-25">
                    <a class="receipt {if:$this->type == 'receipt'}active{/if}" href="{url:/yunucenter/order/type/receipt}" data-reload="true">待收货</a>
                </div>    
            </div>
        </div>
        {/if}
        <input type="hidden" name="type" value="{$this->type}">
        <div class="page-content infinite-scroll pull-to-refresh-content-off" data-ptr-distance="20">
            <!-- Default pull to refresh layer-->
		    <div class="pull-to-refresh-layer" style="{if:$this->type == 'finished'}margin-top:-80px{/if}">
		      <div class="preloader"></div>
		      <div class="pull-to-refresh-arrow"></div>
		    </div>
        
            <div class="module module-product-list">
                <div class="list-block order-list infinite-scroll-content">
                    {if:$this->orders}
                    {foreach:items = $this->orders}
                    <div class="order">
                        <div class="hd row">
                            <div class="chip">
                                <div class="chip-media">
                                    <img data-src="{$this->user['head_ico']}" class="lazy" alt="">
                                </div>
                                <div class="chip-label">
                                    订单号：{$item['order_no']}
                                </div>
                            </div>
                            <div class="status">
                                {echo:Order_Class::orderStatusText(Order_Class::getOrderStatus($item))}
                            </div>
                        </div>
                        {foreach:items = $item['goods_data'] item = $v}
                        <div class="bd o-p-detail row">
                            <div class="media">
                                <img data-src="{$v['img']}" class="lazy" alt="">
                            </div>
                            <div class="title">
                                <h4>{$v['name']}</h4>
                            </div>
                            <div class="after">￥{echo:$v['real_price']}</div>
                        </div>
                        {/foreach}
                        <div class="ft">
                            {if:$item['status_name'] != '申请退款' && $item['status_name'] != '已退款'}
                            <a href="{url:/yunucenter/order_detail/id/$item[id]/status_name/$item['status_name']}" class="button">订单详情</a>
                            {else:}
                            <a href="{url:/yunucenter/cancelService/id/$item[id]/status_name/$item['status_name']}" class="button">订单详情</a>
                            {/if}
                        </div>
                    </div>
                    {/foreach}
                    {/if}
                </div>
            </div>
            <!--E list-->
            <!-- Preloader -->
            <div class="infinite-scroll-preloader" style="display: none">
                <div class="preloader"></div>
            </div>
        </div>
    </div>
</div>